<template>
  <div>
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>

<script setup lang="ts">
import { useTheme } from '@/utils/useTheme';

// 初始化主题
const { initTheme } = useTheme();

// <!-- "http://localhost:8000/CLodopfuncs.js -->
useHead({
  script: [
    {
      src: '/lodop.js',
    },
  ],
});

onMounted(() => {
  initTheme();
});

// const test = () => {
//   const reader = new IDCardReader();
//   reader.readCard((data) => {
//     //console.log(data);
//   }, (error) => {
//     //console.log(error);
//   });
// };
</script>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.icon-left .el-icon {
  right: 10px !important;
}
.popover-item:hover {
  background-color: rgba(222, 244, 243, 1) !important;
}
.noInputBdorder .el-select__wrapper {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.heardClassName {
  background-color: #f5f7fa !important; /* 浅蓝色背景 */
}
.is-error .el-input__wrapper {
  box-shadow: 0 0 0 0px transparent !important;
  background: #fff1f0 !important;
}
:focus-visible {
  /* outline: none !important;
  box-shadow: none !important; */
}
.el-button--primary.is-plain {
  background-color: #fff !important;
  border-color: #e7e7e7 !important;
}
.el-tabs {
  --el-tabs-header-height: 48px !important;
  font-size: 16px !important;
}
/* .el-input__wrapper{
  padding-left: 5px !important;
  padding-right: 5px !important;
} */

/* 基础清除样式 */
.inputBorderNone input {
  border: none; /* 移除边框 */
  outline: none; /* 移除聚焦轮廓 */
  box-shadow: none; /* 移除阴影 */
  background-color: transparent; /* 可选：透明背景 */
}

/* 针对特定状态补充样式 */
.inputBorderNone input:focus {
  box-shadow: none !important; /* 强制移除聚焦阴影 */
}

/* 浏览器兼容性补充 */
.inputBorderNone input::-webkit-outer-spin-button,
.inputBorderNone input::-webkit-inner-spin-button {
  -webkit-appearance: none; /* 移除数字输入框箭头 */
}

/* .el-button.is-plain{
  background-color: #fff !important;
} */
</style>

<style scoped lang="scss">
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
// 滚动条样式修改
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 12px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 12px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/

  border: 0px;
  background: #d2d6df;
}

// .cell-is-time {
//   color: red !important;
// }
/* 添加滚动按钮 */

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  // border-radius: 3px;
  border: 0px;
  background: #f0f2f7;
}
.el-button--small {
  padding: 12px !important;
  font-size: 12px !important;
}

// .el-input--small .el-input__wrapper {
//   height: 33px;
// }
// .el-form-item--small .el-form-item__label {
//   height: 29px !important;
//   line-height: 29px !important;
// }
</style>
